<template>
  <div class="commoonBtn-wrap ">
    <slot></slot>
    <div class="commoonBtn-btn" v-for="item, index in btnsData " :key="index">
      <el-button :color="item.color" :icon="item.icon" :type="item.type">{{ item.name }}</el-button>
    </div>
  </div>
</template>

<script setup>
import btnsData from './data.js'


</script>
<style lang='scss' scoped>
.commoonBtn-wrap {
  display: flex;
  justify-content: flex-start;

  .commoonBtn-btn:not(:first-child) {
    padding: 0 10px;
  }
}
</style>
